<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2023-12-25
  Time: 18:53
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>信息通知</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/reception_desk/management.js"></script>
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/management.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<div id="root">
    <div class="account-root-wrap desktop">
        <div class="mi-profile-layout">
            <div class="mi-header">
                <div class="mi-header-title">
                    <img src="http://localhost:8083/resource_packs/images/logo.png" class="mi-header-logo" alt="">小米账号
                </div>
                <div class="mi-nav">
                    <a class="mi-nav-item" href="#">用户协议</a>
                    <a class="mi-nav-item" href="#">隐私政策</a>
                    <a class="mi-nav-item" href="#">帮助中心</a>
                    <div class="mi-nav-divider"></div>
                    <div class="mi-nav-item">
                        <div class="mi-language-picker-wrap">
                            <div class="mi-language-picker">
                                <a>中文（简体）
                                    <svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"
                                         class="mi-language-picker-icon">
                                        <path d="M10.732 5H3.268c-.224 0-.349.245-.21.413l3.732 4.49a.277.277 0 00.42 0l3.732-4.49c.139-.168.014-.413-.21-.413z"
                                              fill="currentColor" fill-rule="nonzero"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <span class="mi-nav-item">
                            <span class="mi-logout">退出</span>
                        </span>
                </div>
            </div>
            <div class="mi-profile-layout-container">
                <div class="mi-profile-layout">
                    <div class="mi-profile-layout">
                        <img class="mi-profile-layout-avatar" alt="Avatar"
                             src="http://localhost:8083/resource_packs/images/user_t.png">
                        <div class="mi-profile-layout-nickname">请设置昵称</div>
                        <div class="mi-profile-layout-account"><span class="">+86 191****0097</span></div>
                    </div>
                    <ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light mi-profile-layout-menu" dir="ltr"
                        role="menu" tabindex="0" data-menu-list="true">
                        <li class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child" role="menuitem"
                            tabindex="-1" data-menu-id="rc-menu-uuid-41964-1-home" style="padding-left: 70px;">
                            <span class="ant-menu-title-content">
                                 <a href="http://localhost:8083/www.xiaomi.com/personal/servlet?menu=1">
                                登录与安全
                                </a>
                            </span>
                        </li>
                        <li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"
                            data-menu-id="rc-menu-uuid-41964-1-profile" style="padding-left: 70px;">
                            <span class="ant-menu-title-content message">
                                <a href="http://localhost:8083/www.xiaomi.com/personal/servlet?menu=2">
                                个人信息
                                </a>
                            </span>
                        </li>
                        <li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"
                            data-menu-id="rc-menu-uuid-41964-1-privacy" style="padding-left: 70px;">
                            <span class="ant-menu-title-content">隐私中心</span>
                        </li>
                        <li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"
                            data-menu-id="rc-menu-uuid-41964-1-authorize" style="padding-left: 70px;">
                            <span class="ant-menu-title-content">绑定授权</span>
                        </li>
                        <li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"
                            data-menu-id="rc-menu-uuid-41964-1-help" style="padding-left: 70px;">
                            <span class="ant-menu-title-content">帮助中心</span>
                        </li>
                    </ul>
                </div>
                <jsp:useBean id="menu" scope="request" type="java.lang.String"/>
                <c:if test="${menu == 1}">
                    <script>$(".mi-profile-layout .ant-menu a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/management.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>
                <c:if test="${menu == 2}">

                    <script>$(".mi-profile-layout .ant-menu a:eq(${menu-1})").css("color","#ff6700")</script>
                    <jsp:include page="/WEB-INF/page/reception_desk/personal_update.jsp" flush="true">
                        <jsp:param name="id" value="1"/>
                    </jsp:include>
                </c:if>


            </div>
            <div class="mi-copyright">
                小米公司版权所有-京ICP备10046444-
                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank"
                   rel="noopener noreferrer">
                    京公网安备11010802020134号
                </a>
                -京ICP证110507号
            </div>
        </div>
    </div>
</div>


<div class="hint" style="display: none;">
    <div class="blinded">
    </div>
    <div class="hint-revise">
        <button type="button" aria-label="Close" class="ant-modal-close">
            <img class="ant-img" src="http://localhost:8083/resource_packs/images/pop_ups_closes.png" width="15" alt="关闭窗口">
        </button>
        <div class="ant-modal-header mi-phone-div1">
            <div class="ant-modal-title" id="rcDialogTitle1">绑定安全手机</div>
        </div>
        <div class="ant-modal-body mi-phone-div2">
            <div class="ant-steps ant-steps-vertical -src-portals-desktop-pages-Account-components-StepProgress-root">
                <div class="ant-steps-item ant-steps-item-process ant-steps-item-active">
                    <div class="ant-steps-item-container">
                        <div class="ant-steps-item-tail"></div>
                        <div class="ant-steps-item-icon"><span class="ant-steps-icon">1</span></div>
                        <div class="ant-steps-item-content">
                            <div class="ant-steps-item-title">输入新手机</div>
                        </div>
                    </div>
                </div>
                <div class="ant-steps-item ant-steps-item-wait">
                    <div class="ant-steps-item-container">
                        <div class="ant-steps-item-tail"></div>
                        <div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
                        <div class="ant-steps-item-content">
                            <div class="ant-steps-item-title">验证新手机</div>
                        </div>
                    </div>
                </div>
            </div>
            <form>
                <div class="mi-text-field">
                    <label>
                        <input class="mi-phone-input mi-phone" placeholder="手机号">
                    </label>
                    <div style="display: none" class="mi-phone-error">请输入手机号码</div>
                    <label>
                        <input style="display: none" class="mi-phone-input mi-phone-yz" placeholder="验证手机号码">
                    </label>
                </div>
                <button tabindex="-1" type="button" class="button-x">下一步</button>
                <button style="display: none" tabindex="-1" type="button" class="button-b">绑定</button>
            </form>
        </div>

        <div style="display: none" class="ant-modal-header mi-email-div1">
            <div class="ant-modal-title" id="rcDialogTitle2">绑定安全邮箱</div>
        </div>
        <div style="display: none" class="ant-modal-body mi-email-div2">
            <div class="ant-steps ant-steps-vertical -src-portals-desktop-pages-Account-components-StepProgress-root">
                <div class="ant-steps-item ant-steps-item-process ant-steps-item-active">
                    <div class="ant-steps-item-container">
                        <div class="ant-steps-item-tail"></div>
                        <div class="ant-steps-item-icon"><span class="ant-steps-icon">1</span></div>
                        <div class="ant-steps-item-content">
                            <div class="ant-steps-item-title">输入新邮箱</div>
                        </div>
                    </div>
                </div>
                <div class="ant-steps-item ant-steps-item-wait">
                    <div class="ant-steps-item-container">
                        <div class="ant-steps-item-tail"></div>
                        <div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
                        <div class="ant-steps-item-content">
                            <div class="ant-steps-item-title">验证新邮箱</div>
                        </div>
                    </div>
                </div>
            </div>
            <form>
                <div class="mi-text-field">
                    <label>
                        <input class="mi-phone-input mi-phone" placeholder="邮箱">
                    </label>
                    <div style="display: none" class="mi-phone-error">请输入邮箱</div>
                    <label>
                        <input style="display: none" class="mi-phone-input mi-phone-yz" placeholder="验证邮箱">
                    </label>
                </div>
                <button tabindex="-1" type="button" class="button-x">下一步</button>
                <button style="display: none" tabindex="-1" type="button" class="button-b">绑定</button>
            </form>
        </div>

        <div style="display: none" class="ant-modal-header mi-password-div1">
            <div class="ant-modal-title" id="rcDialogTitle3">修改密码</div>
        </div>
        <div style="display: none" class="ant-modal-body mi-password-div2">
            <form>
                <div class="mi-text-field">
                    <label>
                        <input type="password" class="mi-phone-input mi-password" placeholder="输入新密码">
                    </label>
                    <div style="display: none" class="mi-password-error">请输入密码</div>
                    <label>
                        <input type="password" class="mi-phone-input mi-passwords" placeholder="重复新密码">
                    </label>
                    <div style="display: none" class="mi-passwords-error">重新输入密码</div>
                    <div>
                        <span>密码长度8~16位，数字、字母、字符至少包含两种</span>
                    </div>
                </div>
                <button tabindex="-1" type="button" class="button-q">取消</button>
                <button tabindex="-1" type="button" class="button-q mi-q-r">确认</button>
            </form>
        </div>
    </div>
</div>
</body>
</html>


